﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>::Happy - โทรศัพท์แบบเติมเงินจากดีแทค::</title>
        <meta HTTP-EQUIV="imagetoolbar" CONTENT="no" />
        <link href="${RESOURCE}/css/global.css" rel="stylesheet" type="text/css" />
        <script src="${RESOURCE}/tha/include/AC_RunActiveContent.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/PageAction.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/validator.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('#password').keypress(function(e) {
                        if(e.which == 13){
                            doSubmit();
                        }
                    });
            });

            function doSubmit() {
                var username = $('#username').val();
                var password = $('#password').val();
                if(validate()) {
                    $.ajax({
                        type : 'post',
                        url : '${pageContext.request.contextPath}/index.do',
                        data : 'fnc=Index&action=login&username=' + username + '&password=' + password,
                        dataType : 'json',
                        success : function(data) {
                            if(checkResult(data)) {
                                // FIXME
                                window.location.replace('${pageContext.request.contextPath}/index.html?page=Welcome');
                            }
                        }
                    });
                }
            }

            function validate(){
                var username = $('#username').val();
                var password = $('#password').val();
                if(!isPhoneNumber0(username)) {
                    alert('ข้อมูลที่ท่านป้อนไม่สมบูรณ์ หรือไม่ถูกต้องตามรูปแบบ');
                    return false;
                }
                if(!isCorrectPinCode(password)) {
                    alert('ข้อมูลที่ท่านป้อนไม่สมบูรณ์ หรือไม่ถูกต้องตามรูปแบบ');
                    return false;
                }
                
                return true;
            }
        </script>
    </head>
    <body>
        <div id="header">
            <%@include file="head.jsp" %>
        </div>

        <div id="container">
            <div id="pathway"><a href="${pageContext.request.contextPath}/index.html" class="link2">บริการผ่านเว็บ</a> &gt; Log   In</div>
            <div id="main">
                <div id="left-side"></div>
                <div id="content">
                    <div class="content-middle">
                        <div class="language"><a href="javascript:void(0);" onclick="changeLanguage('en');"><img src="${RESOURCE}/tha/images/en_flag.gif" width="30" height="16" border="0" /></a></div>
                        <h3><img src="${RESOURCE}/tha/images/14_webservice_head01.gif" /></h3>


                        <table width="650" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td height="40" class="textnormal">แฮปปี้มอบความสะดวกสบายให้คุณด้วยบริการผ่านเว็บที่คุณสามารถใช้บริการต่างๆ ผ่านเว็บได้ฟรี ไม่ว่าจะเป็น</td>

                            </tr>
                            <tr>
                                <td height="15" align="center"><table width="90%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td width="50%"><table width="100%" border="0" cellspacing="0" cellpadding="3">
                                                    <tr>
                                                        <td width="3%"><img src="${RESOURCE}/tha/images/14_no01.gif" width="35" height="24" /></td>
                                                        <td width="97%" align="left" class="textnormal_grey"><strong>สอบถามยอดเงินคงเหลือ</strong></td>
                                                    </tr>

                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no02.gif" width="35" height="24" /></td>
                                                        <td align="left" class="textnormal_grey"><strong>สอบถามยอดบริการเสริมคงเหลือ</strong></td>
                                                    </tr>
                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no03.gif" width="35" height="24" /></td>
                                                        <td align="left" class="textnormal_grey"><strong>เติมเงินด้วยบัตรเติมเงิน</strong></td>
                                                    </tr>
                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no04.gif" width="35" height="24" /></td>

                                                        <td align="left" class="textnormal_grey"><strong>เติมบริการเสริมด้วยบัตรเติมบริการเสริม</strong></td>
                                                    </tr>
                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no05.gif" width="35" height="24" /></td>
                                                        <td align="left" class="textnormal_grey"><strong>บริการเปลี่ยนโปรโมชั่น</strong></td>
                                                    </tr>
                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no06.gif" width="35" height="24" /></td>
                                                        <td align="left" class="textnormal_grey"><strong>แฮปปี้ซูเปอร์เม้าท์</strong></td>

                                                    </tr>
                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no07.gif" width="35" height="24" /></td>
                                                        <td align="left" class="textnormal_grey"><strong>แฮปปี้เบอร์คนโปรด</strong></td>
                                                    </tr>
                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no08.gif" width="35" height="24" /></td>
                                                        <td align="left" class="textnormal_grey"><strong>ส่งข้อความ
                                                                50 SMS ผ่านเว็บฟรี</strong></td>
                                                    </tr>

                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no09.gif" width="35" height="24" /></td>
                                                        <td align="left" class="textnormal_grey"><strong>บริการใจดี
                                                                แจกวัน</strong></td>
                                                    </tr>
                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no10.gif" width="35" height="24" /></td>
                                                        <td align="left" class="textnormal_grey"><strong>บริการใจดี
                                                                ให้ยืม</strong></td>
                                                    </tr>
                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no11.gif" width="35" height="24" /></td>

                                                        <td align="left" class="textnormal_grey"><strong>บริการใจ
                                                                ให้โอน</strong></td>
                                                    </tr>
                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no12.gif" width="35" height="24" /></td>
                                                        <td align="left" class="textnormal_grey"><strong>แฮปปี้แบงก์</strong></td>
                                                    </tr>
                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no13.gif" width="35" height="24" /></td>
                                                        <td align="left" class="textnormal_grey"><strong>บริการไม่โชว์เบอร์ไม่รับสาย
                                                            </strong></td>

                                                    </tr>
                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no14.gif" width="35" height="24" /></td>
                                                        <td align="left" class="textnormal_grey"><strong>บริการแจกแจงค่าโทร</strong></td>
                                                    </tr>
                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no15.gif" width="35" height="24" /></td>
                                                        <td align="left" class="textnormal_grey"><strong>บริการแฮปปี้โกอินเตอร์</strong></td>
                                                    </tr>

                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no16.gif" width="35" height="24" /></td>
                                                        <td align="left" class="textnormal_grey"><strong>VAS
                                                                UP</strong></td>
                                                    </tr>
                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no17.gif" width="35" height="24" /></td>
                                                        <td align="left" class="textnormal_grey"><strong>บริการ
                                                                *77 สบายใจกับทุกสายเรียกเข้า</strong></td>
                                                    </tr>
                                                    <tr>
                                                        <td><img src="${RESOURCE}/tha/images/14_no18.gif" width="35" height="24" /></td>

                                                        <td align="left" class="textnormal_grey"><strong>call screening บริการเลือกรับสาย และเลือกไม่รับสาย</strong></td>
                                                    </tr>
                                                </table></td>
                                                <td valign="top"><table border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td width="309" height="326" align="center" valign="top" background="${RESOURCE}/tha/images/14_webservice_login.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                    <tr>

                                                                        <td height="110" align="center" valign="top">&nbsp;</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td height="65" align="center" valign="top"><input id="username" name="inputUserName" size="25" maxlength="10" class="txt_search_c04" tabindex="1" autocomplete="off" /></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td height="45" align="center" valign="top"><input id="password" type="password" name="inputPassword" size="25" maxlength="4" class="txt_search_c04" tabindex="2" autocomplete="off" />
                                                                        </td>
                                                                    </tr>

                                                                    <input type="hidden" name="lang" value="T" />
                                                                    <input type="hidden" name="zone" value="P" />
                                                                    <tr>
                                                                        <td align="right" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                                <tr>
                                                                                    <td height="16" align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                                            <tr>
                                                                                                <td width="44">&nbsp;</td>
                                                                                                <td><a href="${pageContext.request.contextPath}/index.html?page=ActivateCodeSSO" class="textnormal_blue" tabindex="4">ลงทะเบียนใหม่</a></td>

                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td width="44">&nbsp;</td>
                                                                                                <td><a href="${pageContext.request.contextPath}/index.html?page=ForgetPassword" class="textnormal_blue" tabindex="5">ลืมรหัสผ่าน</a></td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td width="44">&nbsp;</td>
                                                                                                <td><a href="${pageContext.request.contextPath}/index.html?page=GuestTermOfService" class="textnormal_blue" tabindex="6">เงื่อนไขการใช้บริการผ่านเว็บ</a></td>

                                                                                            </tr>
                                                                                        </table>
                                                                                        <a href="#"></a> </td>
                                                                                    <td width="100" valign="top"><a href="javascript:void(0);" onclick="doSubmit();" tabindex="3"> <img src="${RESOURCE}/tha/images/14_webservice_login_btn.gif" width="92" height="37" border="0" /> </a> </td>
                                                                                </tr>
                                                                            </table></td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td align="center" valign="top">&nbsp;</td>
                                                                    </tr>
                                                                </table></td>
                                                        </tr>
                                                    </table></td>
                                        </tr>
                                    </table>

                                    <table width="90%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td class="textnormal">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td class="textnormal" align="left"><br/>
                                                <br/>
                                                <br/>
                                                บริการนี้มีไว้สำหรับผู้ใช้บริการเฉพาะส่วนบุคคล มิใช่เพื่อการใช้ประโยชน์ในเชิงพาณิชย์ของบุคคลใดบุคคลหนึ่ง หากบริษัทฯ พบว่ามีผู้ใดกระทำการละเมิดต่อสิทธิของบริษัทฯ อันขัดต่อข้อตกลงที่ระบุไว้ในที่นี้ บริษัทฯ จะดำเนินการ ทางกฎหมายกับบุคคลนั้นทันที</td>

                                        </tr>
                                    </table></td>
                            </tr>
                            <tr>
                                <td height="15" align="center"><br/></td>
                            </tr>
                        </table>


                    </div>
                    <div class="content-bottom"></div>
                </div>
            </div>
        </div>
        <div id="footer">
            <img src="${RESOURCE}/tha/images/copy_right.jpg" />
            <a href="http://www.dtac.co.th" target="_blank"><img src="${RESOURCE}/tha/images/dtact_logo.jpg" border="0" /></a>
            <a href="http://www.happyvirus.com" target="_blank"><img src="${RESOURCE}/tha/images/virus_icon.jpg" border="0" /></a>
        </div>
    </body>
</html>
